/**
 * Utilizacion de fw ExtJs
 */


Ext.onReady(function(){
   /* 
    //captar el momentoo en el que se dispare una accion de uno de los btn
    Ext.get('btn1').on('click', function(){
        Ext.MessageBox.confirm("Confirmar","Ejemplo de confirmacion");
    });
    //prompt: utiliza cuando el usuario ingresa una informacion a la aplicacion
    Ext.get('btn2').on('click', function(){
        Ext.MessageBox.prompt("Confirmar","Ejemplo de confirmacion");
    });
    
    Ext.get('btn3').on('click', function(){
        Ext.MessageBox.show({
            title:'Confirmar 2',
            msg:'Hola',
            multiline: true,
            buttons: Ext.MessageBox.OKCANCEL
        });
    });*/
    
    //layout
    /**
     * 
     * @type @exp;Ext@call;Viewport
     * border: crea disposicion de vista norte,sur,este,oeste,centro
     * cada item es un parent si no se le indica lo contrario al fw
     */
    var view=new Ext.Viewport({
        layout: 'border',
        items:[
            {
                region:'north',
                height:150,
                html:'<img src="/app_registro_vehiculos/Public/img/banner.jpg" width="100%"/>',
                frame: true
            },
            {
                region:'center',
                height:300,               
                frame: true,
                html:'<iframe name="content" width="100%" height="100%"></iframe>'
            },
            {
                region:'south',
                height:50,
                frame: true,
                html:'<center>&copy Todos los derechos reservados Grupo </center>'
            },            
            {
                region:'west',
                width:300,
                title:'Menu',                
                contentEl:'table',
                bodyStyle:'padding: 3px 0px 0px 30px',
                frame: true,
                collapsible: true,
                split: true
            }
            /*{
                region:'east',
                width:300,
                title:'Oeste',
                frame: true,
                collapsible: true,
                split: true
            }*/
        ]
    });
    
});